html,body{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fdfdf8;
}

.con-right{
    text-align: right
}
.banner{
    background: url(../static/images/banner.jpg) no-repeat 50% 50%;
    width: 100%;
    height: 360px;   
}
.i-list{
    &.new-list{
        img{
            width: 18px;
            height: 18px;
        } 
    }
    span{
        &.text{
            line-height: 18px;
            font-size: 14px;
            margin-left: 12px;
        } 
    }
    &.doc-list{
        li{
            list-style:circle inside;
        }
        // url('/i/arrow.gif');
    }
}
.brief{
    word-break: break-word;
    text-indent:2em;
}
.m-product{
    img{
        float: left;
        margin-right:20px;
        margin-bottom: 8px;
    }
}
.special-box{
    position: relative;
    img{
        width: 100%;
    }
    &:hover{
        p{
            display: block;
        }
    }
    p{
        display: none;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.42);
        color: #fff;
        padding: 20px;
    }
}

.foot{
    text-align: center;
    background: #393d49;
    color: #fff;
    .f-bc{
        margin: 8px 0;
    }
    p{
        margin: 8px 0;
    }
}
